<!--
@AURALINUX-ALLOW:class:*
@AURALINUX-ALLOW:tag:*
@BLINK-ALLOW:className*
@BLINK-ALLOW:htmlTag*
@WAIT-FOR:Done
-->
<!doctype>
<html>
<body>
  <div id="svg" class="svg-container">
    <svg aria-label="original" xmlns="http://www.w3.org/2000/svg"></svg>
  </div>
  <div id="math" class="math-container">
    <math aria-label="original" xmlns="http://www.w3.org/1998/Math/MathML"></math>
  </div>
  <script>
    ["svg", "math"].forEach(tagName => {
      let div = document.getElementById(tagName);
      // HTML namespace.
      let child = document.createElement(tagName);
      child.setAttribute("class", "html-namespace");
      child.setAttribute("aria-label", "created");
      div.appendChild(child);
      // Custom namespace.
      let custom = document.createElementNS("https://example.com/namespace", tagName);
      custom.setAttribute("class", "custom-namespace");
      custom.setAttribute("aria-label", "created");
      div.appendChild(custom);
    });
    document.body.appendChild(document.createTextNode("Done"));
  </script>
</body>
</html>
